<template>
  <div id="marsk" v-if="ishow">
    <div id="big">
      <slot name="title">充值提示</slot>
      <slot name="content">123456</slot>
      <p>{{ msg }}</p>
      <div>
        <button @click="$bus.$emit('changeshow')">取消</button>
        <button @click="handleClick(), print()">确定</button>
      </div>
    </div>
  </div>
</template>

<script>
import other from "../mixins/other";
import modeldata from "@/mixins/modeldata";
export default {
  mixins: [other, modeldata],
};
</script>

<style>
div#marsk {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
div#big {
  width: 300px;
  height: 200px;
  background-color: #fff;
  border-radius: 12px;
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -150px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
</style>
